/**
 * Created by chencheng on 17-8-31.
 */

import { Component } from 'react';

import { MainHeader, MainContent } from 'templates/MainLayout/MainLayout';
import { EnumModalType } from 'constants/EnumType';
import {
    Table, Button, Input, Icon, Modal, Form,
} from 'antd';

import T from 'utils/T';
// import Bar from 'templates/ToolComponents/D3Charts/Bar';
// import Pie from 'templates/ToolComponents/D3Charts/Pie';
import Demo from 'templates/ToolComponents/D3Charts/Demo';
import Force from 'templates/ToolComponents/D3Charts/Force';
import Carousel3d from 'routes/chartManage/components/HtmlComponents/Carousel3dTemp';

export default class Dashboard extends Component {
    constructor(props) {
        super(props);
        this.state = {

        };
    }

    componentDidMount() {

    }



    render() {
        const data = [{
            x: '数量1',
            value: 10
        }, {
            x: '数量2',
            value: 20
        }, {
            x: '数量3',
            value: 30
        }, {
            x: '数量4',
            value: 50
        }, {
            x: '数量5',
            value: 50
        }];
        const dataForce = {
            nodes: [{ name: '桂林' }, { name: '广州' },
                { name: '厦门' }, { name: '杭州' },
                { name: '上海' }, { name: '青岛' },
                { name: '天津' }],

            edges: [{ source: 0, target: 1 }, { source: 0, target: 2 },
            { source: 0, target: 3 }, { source: 1, target: 4 },
            { source: 1, target: 5 }, { source: 1, target: 6 }]
        };
        return (
            <div>
                <MainHeader title="d3" />

                <MainContent>
                    {/* <Bar data={data} options={{ */}
                    {/* height: 300 */}
                    {/* }} */}
                    {/* /> */}

                    {/*<Pie data={data} options={{*/}
                        {/*height: 300*/}
                    {/*}}*/}
                    {/*/>*/}


                    <Force data={dataForce} options={{
                        height: 300
                    }}
                    />

                    {/* <h1>3d轮播图</h1> */}
                    {/* <Carousel3d /> */}
                    {/* <Demo data={[23, 42, 23]} /> */}

                </MainContent>
            </div>
        );
    }
}

